<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>inis 系统 安装引导</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
        <meta content="Coderthemes" name="author" />
        
        <link rel="shortcut icon" href="/index/assets/images/logo-2.png">
        <link href="/index/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
        <link href="/index/assets/css/app.min.css" rel="stylesheet" type="text/css" />
        
        <script src="/index/assets/libs/vue3.js"></script>
        <script src="/index/assets/libs/axios.min.js"></script>
        <script src="/index/assets/js/utils/helper.js"></script>
    </head>

    <body data-layout="topnav" class="boxed-layout">
        
        <div id="next" class="wrapper">
            
            <div class="content-page">
                <div class="content">
                    
                    <div class="container-fluid">
                        
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box">
                                    <h4 class="page-title">开始安装</h4>
                                </div>
                            </div>
                        </div>    
                        
                        <div class="row justify-content-center">
                            <div class="col-lg-7 col-md-10 col-sm-11">
                                
                                <div class="horizontal-steps mt-4 mb-4 pb-5">
                                    <div class="horizontal-steps-content">
                                        <div class="step-item">
                                            <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="ThinkPHP 6 规范配置">安装前准备</span>
                                        </div>
                                        <div class="step-item">
                                            <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="校验PHP和数据库版本">安装前校验</span>
                                        </div>
                                        <div class="step-item current">
                                            <span>开始安装</span>
                                        </div>
                                        <div class="step-item">
                                            <span>完成</span>
                                        </div>
                                    </div>
                                    
                                    <div class="process-line" :style="'width:' + process + '%;'"></div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-1"></div>
                            <div class="col-md-10">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="card-widgets">
                                            <a href="javascript:;" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
                                            <a data-toggle="collapse" href="#cardCollpase1" role="button" aria-expanded="false" aria-controls="cardCollpase1"><i class="mdi mdi-minus"></i></a>
                                            <a href="#" data-toggle="remove"><i class="mdi mdi-close"></i></a>
                                        </div>
                                        <h5 class="card-title mb-0">欢迎使用 inis 系统</h5>

                                        <div id="cardCollpase1" class="collapse pt-3 show">
                                            <p>1、安装期间，<span class="badge badge-primary-lighten badge-pill">请勿关闭当前页面</span>，避免安装失败</p>
                                            <p>2、安装过程中，如果遇到了无法解决的问题，请QQ联系我 <a href="//sighttp.qq.com/authd?IDKEY=88b4f3cf4135ec404e52910040df6a4d540c8af4f6d84957" target="_blank" >（97783391）</a></p>
                                            <p>3、后期使用过程中，如有任何问题或提议，可以进群反馈<a href="https://qm.qq.com/cgi-bin/qm/qr?k=Bo8WFZTylx2GBe4nHsou_V4noOGWA4Qk&amp;jump_from=webapi" target="_blank" rel="noopener">（632274746）<span class="badge badge-danger-lighten badge-pill">inis 唯一官方群</span></a></p><br>
                                            <p>最后，<span class="badge badge-success-lighten badge-pill">感谢您能支持正版</span>，愿inis能给你带来舒适的体验</p>
                                            <p>PS：inis 系统会按照 <span class="badge badge-danger-lighten badge-pill">月更</span> 的速度，不断完善和迭代功能，因此前期<span class="badge badge-primary-lighten badge-pill">买到就是赚到</span></p>
                                            <br>
                                            <div class="alert alert-success" role="alert">
                                                <i class="dripicons-checkmark mr-2"></i><strong>默认帐号：</strong>admin<br>
                                                <i class="dripicons-information mr-2"></i><strong>默认密码：</strong>123456
                                            </div>
                                            <p><span class="badge badge-danger-lighten badge-pill">登录后，请及时修改帐号和密码</span></p>
                                            <div class="float-right">
                                                <button onclick="window.open('/', '_self')" type="button" class="btn btn-success home" disabled>回到首页</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
                
                <footer class="footer">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-6">
                                <?= date('Y'); ?> © inis - <a href="//inis.cc" class="text-muted" target="_blank">inis.cc</a>
                            </div>
                            <div class="col-md-6">
                                <div class="text-md-right footer-links d-none d-md-block">
                                    <a href="//inis.cc" class="text-muted" target="_blank">inis</a>
                                    <a href="javascript: void(0);">version {{ inis_version }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
                
            </div>
        </div>
        
        <script src="/index/assets/js/app.min.js"></script>
        <script src="/index/assets/js/install/next.js"></script>
    </body>
</html>
